/* 右侧导航交互效果 */
(function () {
  KISSY.use('node', function (S, Node) {

    var $ = KISSY.all;

    (function () {
      $('#vertical-nav-wrap').on('mouseenter', function () {
        $(this).stop().animate({
            'right': '0'
          }, .4, 'easeOut');
        $('.vertical-nav-hd').css('backgroundPosition', '0 0');
      })
      .on('mouseleave', function () {
        $(this).stop().animate({
            'right': '-73px'
          }, .4, 'easeIn', function () {
            $('.vertical-nav-hd').css('backgroundPosition', '-87px 0');
          });
      });
    })();

  });
})();
